@include media-breakpoint-down(md) {
    .o_control_panel {
        .o_calendar_button_today {
            font-size: 0.7em;
            line-height: 1.9em;
            > .o_calendar_text {
                margin-top: 3px;
            }
        }
    }

    .o_calendar_container {
        flex-direction: column;

        .o_other_calendar_panel {
            padding: 8px 16px;

            .fa-filter {
                min-height: 1.59rem;
                line-height: 1.59rem;
            }

            > .o_filter {
                > span > span {
                    font-size: x-small;
                    &:nth-child(1) {
                        font-size: xx-small;
                    }
                }
                @for $i from 1 through length($o-colors-complete) {
                    $color: nth($o-colors-complete, $i);

                    .o_color_#{$i - 1} {
                        color: $color;
                    }
                }
            }
        }

        .o_calendar_sidebar_container {
            flex-grow: 1;

            > .o_calendar_sidebar {
                width: auto;
            }
        }
    }
}
